import React, {Component} from 'react';
import {Button, Divider, DatePicker, Space} from 'antd';
import {SearchOutlined, TrophyTwoTone} from '@ant-design/icons';

class AntdDemo extends Component {
    render() {
        return (
            <div style={{padding: '2rem'}}>
                <Button type="primary">Button</Button>
                <Button type="primary" shape="circle" icon={<SearchOutlined/>}/>
                <TrophyTwoTone style={{fontSize: '5em'}}/>
                <div>
                    文章
                    <Divider type="vertical"/>
                    <a href="#">新闻</a>
                    <Divider type="vertical"/>
                    <a href="#">图片</a>
                </div>
                <div>
                    <Space direction="vertical">
                        <DatePicker onChange={this.onChange}/>
                    </Space>
                </div>
            </div>
        );
    }

    onChange = () => {
    }
}

export default AntdDemo;